.pxToRem(@p, @px) {
    @{p}: @px / 75 * 1rem;
}

.head {
    width: 100%;
    .pxToRem(height, 85);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8f8f8;
    .pxToRem(font-size, 30);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    span {
        width: 16%;
        height: 100%;
        color: #fff;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #4c5465;
        .pxToRem(font-size, 32);
      color: #3acd63;
    }
    .sp {
        flex: 1;
        color: #000;
    }
}





 .ul{   
        position: fixed;
    left: 0;
    top: 0;
          width: 100%;
        position: fixed;
      .pxToRem(top,80); 
//      .pxToRem(padding-top,95);
        left: 0;
        border-bottom: 2px solid #d2d2d2;
        background: #fff;
        z-index: 99;
        .top {
           
            width: 100%;
            .topone {
                .pxToRem(height, 70);
                display: flex;
                justify-content: center;
                align-items: center;
                box-sizing: border-box;
                width: 100%;
                div {
                    flex: 1;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    a {
                        width: 60%;
                        height: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        color: #000;
                        box-sizing: border-box;
                        .pxToRem(font-size, 28);
                        text-decoration: none;
                    }
                    .zx {
                        border-bottom: 4px solid #8ec251;
                        color: #8ec251;
                    }
                }
            }
        }
}

  


.bottom{
     display: flex;
//   flex-direction: column;
    .pxToRem(margin-top,100);
//  .pxToRem(padding-bottom,20); 
    background: #fff;
.one{
       width: 100%;
     .pxToRem(padding-top,50); 
         .box{
             display: flex;
//            justify-content: space-around;
              border-bottom: 2px solid #EEEEEE;
              .pxToRem(padding-bottom,20);
              .pxToRem(padding-top,50); 
              .left{
                  width: 50%;
                  img{
                       .pxToRem(height,240);
                       .pxToRem(width,300);
                       .pxToRem(padding-left,30);   
                  }
              }
              .right{
                  width: 50%;
                  .pxToRem(padding-left,10); 
                  .bt{
                      display: block;
                      .pxToRem(padding-top,45);
                    .pxToRem(line-height,30);
                      .pxToRem(font-size,35); 
                  }
                  .xiaoo{
                      .pxToRem(padding-top,50);
                   .zb{
                      .pxToRem(font-size,30);
                     
                       
                      .pxToRem(padding-top,80);
                  }
                  .cg{
                      .pxToRem(font-size,30);
                      
                      
                      .pxToRem(padding-top,80);
                  }
            }
              }
         }
    }
.two{
    height: 100vh;
    
     background:#FFFFFF url(../images/cb.jpg) no-repeat 50% 30%;  
    .zi{
       width: 100%;
       position:absolute;
       top: 40%;
       left: 20%;
       color: #d7d7d7;
       .pxToRem(font-size,25);
        .pxToRem(letter-spacing, 15);
       
    }
}

}



